<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>h5提供新的语义标签</title>
</head>
<body>
  <!-- 有序列表 -->
  <ol>
    <li>鼻子</li>
    <li>眼睛</li>
    <li>嘴巴</li>
  </ol>

  <!-- 无序列表 -->
  <ul>
    <li>结构</li>
    <li>表现</li>
    <li>行为</li>
  </ul>

  <!-- 定义列表 -->
  <dl>
    <dt>结构</dt>
    <dd>一堆乱七八糟的各种结构</dd>
    <dt>表现</dt>
    <dd>网页的各种样式</dd>
  </dl>

  <!-- 块元素 和 行内元素 -->
  div 块元素
  span 行内元素
  
<ul>
  <li><a href="https://www.baidu.com">Website</a></li>
  <li><a href="mailto:example@outlook.com">Email</a></li>
  <li><a href="tel:+123456789">Phone</a></li>
</ul>


<h1>啊啦啦啦</h1>
<!-- 内联框架 -->
<iframe src="http://www.bilibili.com" width="900" height="500" frameborder="0"></iframe>




</body>
</html>